<template>
  <div class="con">
    <div class="banner-1">
      <div class="container">
        <img src="../../assets/res/img/ab-banner-2.png">
      </div>
    </div>
    <div class="banner-2">
      <div class="container">
        <img src="../../assets/res/img/ab-banner-3.png">
      </div>
    </div>
    <div class="banner-3">
      <div class="container">
        <img src="../../assets/res/img/ab-banner-4.png">
      </div>
    </div>
    <div class="banner-4">
      <div class="container">
        <img src="../../assets/res/img/ab-banner-5.png">
      </div>
    </div>
    <div class="start">
      <div class="container">
        <b class="ftz30">中亿理投师，让您更懂金融</b>
        <button class="ftz24" @click="$router.push('/')">开启理财之旅<i class="icon"></i></button>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  components: {
  },
  data () {
    return {
    }
  },
  mounted () {
  },
  methods: {

  }
}
</script>
<style lang="scss" scoped>
.con {
  .container {
    min-height: inherit;
  }
  .banner-1 {
    background-image: url("../../assets/res/img/ab-banner-1.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 700px;
    min-width: 1200px;
    background-position: 0 -65px;
    background-color: #fff;
  }
  .banner-1 img {
    margin-top: 98px;
  }
  .banner-2,
  .banner-4 {
    background-color: #fff;
  }
  .banner-2 {
    padding: 40px 0;
  }
  .banner-3 {
    padding: 80px 0;
  }
  .banner-4 {
    padding: 63px 0;
  }
  .start {
    padding: 40px 0;
    background-color: #fff;
    text-align: center;
    margin-bottom: -60px;
  }
  .start .container {
    border-top: 1px solid #e6e6e6;
    padding-top: 40px;
  }
  .start button {
    width: 238px;
    height: 77px;
    background-color: #f23e3e;
    border-radius: 39px;
    color: #fff;
    margin-left: 36px;
  }
  .start .icon {
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 18px;
    background-image: url(../../assets/res/img/icon_re.png);
    background-repeat: no-repeat;
    background-position: 0 -487px;
    margin-left: 13px;
  }
}
</style>
